<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="${basePath}/css/register.css"/>
<link rel="stylesheet" type="text/css" href="${basePath}/css/user.css"/>
<script type="text/javascript">
	var contextPath = '${basePath}'; // 上下文 js 使用
</script>
<script type="text/javascript" src="${basePath}/js/jquery-1.4.2.min.js"></script>
</head>
<body>

<div class="left-menu">
<!--start by 简历管理-->
<div class="title"><font class="font">简历管理</font><div class="po1" id="statue0" onclick="showView(0);"></div></div>
<div class="list_div hide" id="show0">
<ul>
<li class="list"><a href="#"><img src="../image/file/u_l_0.gif" width="17" height="14" class="images"/>帐号管理</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_0.gif" width="17" height="14" class="images"/>基本信息</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_0.gif" width="17" height="14" class="images"/>教育培训</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_0.gif" width="17" height="14" class="images"/>技能专长</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_0.gif" width="17" height="14" class="images"/>工作经历</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_0.gif" width="17" height="14" class="images"/>求职意向</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_0.gif" width="17" height="14" class="images"/>个人照片</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_0.gif" width="17" height="14" class="images"/>简历预览</a></li>
</ul>
</div>
<!--end by 简历管理-->

<!--start by 职位搜索-->
<div class="title"><font class="font">职位搜索</font><div class="po1" id="statue1" onclick="showView(1);"></div></div>
<div class="list_div hide" id="show1">
<ul>
<li class="list"><a href="#"><img  src="../image/file/u_l_2.gif" width="17" height="14" class="images"/>搜索器</a></li>
<li class="list"><a href="#"><img  src="../image/file/u_l_1.gif" width="17" height="14" class="images"/>快速搜索</a></li>
<li class="list"><a href="#"><img  src="../image/file/u_l_3.gif" width="17" height="14" class="images"/>高级搜索</a></li>
<li class="list"><a href="#"><img  src="../image/file/u_l_3.gif" width="17" height="14" class="images"/>最新职位</a></li>
</ul>
</div>
<!--end by 职位搜索-->

<!--start by职位管理-->
<div class="title"><font class="font">职位管理</font><div class="po1"  id="statue2" onclick="showView(2);"></div></div>
<div class="list_div hide" id="show2">
<ul>
<li class="list"><a href="#"><img  src="../image/file/u_l_6.gif" width="17" height="14" class="images"/>职位匹配</a></li>
<li class="list"><a href="#"><img  src="../image/file/u_l_5.gif" width="17" height="14" class="images"/>职位收藏夹</a></li>
<li class="list"><a href="#"><img  src="../image/file/u_l_1.gif" width="17" height="14" class="images"/>应聘记录</a></li>
<li class="list"><a href="#"><img  src="../image/file/u_l_7.gif" width="17" height="14" class="images"/>被邀请加盟</a></li>
</ul>
</div>
<!--end by 职位管理-->

<!--start by简历设置-->
<div class="title"><font class="font">简历设置</font><div class="po1" id="statue3" onclick="showView(3);"></div></div>
<div class="list_div hide" id="show3">
<ul>
<li class="list"><a href="#"><img src="../image/file/u_l_6.gif" width="17" height="14" class="images"/>简历模版</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_5.gif" width="17" height="14" class="images"/>简历属性</a></li>
<li class="list"><a href="#"><img src="../image/file/u_l_5.gif" width="17" height="14" class="images"/>返回管理中心</a></li>
<li class="list"><a href="#"><img  src="../image/file/u_l_4.gif" width="17" height="14" class="images"/>退出登陆</a></li>
</ul>
</div>
<!--end by 简历设置-->
</div>

</body>
</html>
<script type="text/javascript">
	var contextPath = '${basePath}'; // 上下文 js 使用

	/*******菜单鼠标经过显示背景颜色******/
	$(function(){
	  $("ul .list").mouseover(function(){
				$(this).addClass("current");
			});
		 $("ul .list").mouseout(function(){
			 $(this).removeClass("current");
		});
		showView(0);
		showView(1);
		showView(2);
		showView(3);
	});

	/*******菜单点击显示隐藏******/
	function showView(obj){
		 for(var i = 0;i<4;i++){
			if(i==obj){
			var sty =document.getElementById("show"+i).style.display;
			if(sty==""){
			  document.getElementById("show"+i).style.display="block";
			  $("#statue"+obj).removeClass("po1");
			  $("#statue"+obj).addClass("po");
			}else{
				 if(sty=="none"){
					 document.getElementById("show"+i).style.display="block";
					  $("#statue"+obj).removeClass("po1");
			          $("#statue"+obj).addClass("po");
				  }else{
					document.getElementById("show"+i).style.display="none";
					$("#statue"+obj).removeClass("po");
			        $("#statue"+obj).addClass("po1");
				 }
			  }
			}
		 }
	}
		
</script>
